/* 
    Document   : estilos
    Created on : 14-sep-2012, 16:45:59
    Author     : Jessy
    Description:
        Purpose of the stylesheet follows.
*/
/*root { 
    display: block;
}*/
/**{
    margin: 0;
    border: 0;
    padding: 0;
}*/
* {
    margin: 0;
    padding: 0;
}
body {
    margin: auto;
    /*    padding: 0;*/
    /*      background-color:#ccc;*/
    /*      background-image: url('../images/fondoPrincipal.png');
            background-repeat: no-repeat;
            background-position: center top; */
    /*    width: 1366px;
        height: 768px;*/
    background: url('../images/fondoPrincipal.png');
    background-repeat: repeat;
    font-family: Arial, Helvetica, Sans-Serif;

    height: 100%;
}
/*fondo de pantalla*/
#bg{
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    /*    width: 100%;
        height: 100%;*/
}
header{
    color:#2F2000;
    border-radius: 0.5em; /*para q los bordes se vuelvan curvos*/
    padding:0em; /*separacion del texto al borde o al margin*/
    text-align:center;
    text-shadow: 5px 5px 10px rgba(255,255,255,0.5);
    margin-bottom: 6em;
}

figure img{
    display: block;
    /*    position: absolute;*/
    /*    z-index:1;	*/
    margin-left: -2em;    
    margin-top: -8em;
    width: 38em;
}

/*menu*/
/*para los links del body*/
/*cambiar color de letras de los links al pasar el mouse*/
a{
    color: #fff;
    text-decoration:none;
}
/*cambiar color de letras de los links al pasar el mouse*/
a:hover{

    color: #000;
}
nav#menu{

    margin: 0.5em auto; /*para q no se egue ni al nav ni al h1, auto para q se centro*/
    /*    max-width: 40em; el ancho maximo va depender de la pantalla*/
    /*    height: 2em;*/
    text-align: center;
    margin-top: -15em;
    margin-left: 14em; 
    margin-right: 4em;
    padding-right: 3em;
}
nav#menu ul{
    background-image: url('../images/btn_menu.png');
    background-repeat: no-repeat;
    border-radius: 0.5em;
    padding-bottom: 1em;
    margin-left: 25em;
    margin-top: 0em;

}
#sombra{
    box-shadow: 7px 9px 10px #000;
    -webkit-box-shadow: 7px 9px 10px #000;
    -moz-box-shadow: 7px 9px 10px #000;
}
nav#menu li{
    margin-top: 0.8em;
     display: inline-block;
    padding: 0.1em;
    vertical-align:top; 
    text-shadow:none;
    
}
nav#menu a{

    color: #ffffff;
    font-size: 0.8em;
    padding: 0.5em;
    text-decoration:none;
    text-align: center;
    font-weight: bold;
    -ms-transition: all 0.5s ease-in; /*internet explorer*/
    -moz-transition: all 0.5s ease-in; /*mozilla*/
    -o-transition: all 0.5s ease-in; /*opera*/
    -webkit-transition: all 0.5s ease-in; /*chorme*/
    transition: all 0.5s ease-in; /*navegadores actuales, otros*/
}
nav#menu a:hover{

    font-size: 0.8em;
    color: #f29322;
    padding: 0.5em;
    text-decoration: underline;
    text-align: center;
    font-weight: bold;
    -ms-transition: all 0.5s ease-out; /*internet explorer*/
    -moz-transition: all 0.5s ease-out; /*mozilla*/
    -o-transition: all 0.5s ease-out; /*opera*/
    -webkit-transition: all 0.5s ease-out; /*chorme*/
    transition: all 0.5s ease-out; /*navegadores actuales, otros*/
}

section#contenedor{
    /*    background: darkgray;
        border: 0.1em solid #000;*/
    padding: 0;
    border-radius: 0.5em;
    margin: 0.5em auto;
}

/*pie de pagina*/
footer{
   /* position: absolute;*/
   display: block;
    left: 0;
    background: url('../images/fondoPie.png') repeat-x;
    /*padding-top: 10px;*/
    width: 100%;
}
footer header{
    padding-left: 1.5em;
    padding-top: 1em;
    margin-bottom: 1em;
}
footer div{
    display: table;
    margin: 0 auto;
    padding:  15px 0;
    width: 90%;/*940px;*/
    color: #fff;
    font-size: 0.9em;
}
footer div section{
    display: table-cell;
    width: 300px;

}

footer div #acerca, footer div #otrosBlogs {
    padding-right: 20px;
}
footer div#texto {
    /*    background: url('../images/fondo_widgets.png');
        background-repeat: no-repeat;  */
    background: rgba(46,43,43,0.6);/*#2e2b2b;*/
    /*    display: block;*/ /*fondo_widgets*/
    padding-right: 1em;
    padding-left: 1em;
    margin-right: 1em;
    border: 5px outset #6D6D6D;
    border-radius: 0 0.9em 0 0;
}

footer h3 {
    color: #b51928;
    text-align: justify;
}
footer a {
    color: #fff;
}
footer a:hover {
    color: #FFF;
    text-decoration: none;

}
footer ul {
    margin: 0 0 0 20px;
    /*    list-style: square; estilo de viñeta*/
    list-style-image: url(../images/vineta.png);
    color: #565656;
    vertical-align: baseline;
}

footer ul li a {
    display: block;

}
footer div #autores{
    border-top: 0.2em dashed #6B6B6B;
}

footer ul#icons li{
    display: inline-block;
    vertical-align: top;
    padding: 0.2em;
    float: right;
    list-style: none; /*quitar las pestañas*/
}
/*estilos menu oculto*/
/*h2 {
    padding-top: 6em;
    font-size: 2em;
        
        font-weight: 700;
        line-height: 1.2em;
        padding: 30px 0 11px 0;
        letter-spacing: -1px;
}
.meny {
    
    display: none;
    padding: 20px;
    overflow: auto;
    background: #333;
    color: #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.meny ul {
    margin-top: 10px;
}
.meny ul li {
    display: inline-block;
    width: 200px;
    list-style: none;
    font-size: 20px;
    padding: 3px 10px;
}
.meny ul li:before {
    content: '-';
    margin-right: 5px;
    color: rgba( 255, 255, 255, 0.2 );
}
.meny a{

    color: #C2575B;
    text-decoration: none;
    -webkit-transition: 0.15s color ease;
    -moz-transition: 0.15s color ease;
    -ms-transition: 0.15s color ease;
    -o-transition: 0.15s color ease;
    transition: 0.15s color ease;

}
.meny a:hover{

    color: #f76f76;

}

*
 * Hint graphic that appears while menu is inactive

.meny-arrow {
    position: absolute;
    z-index: 10;

    border: 10px solid transparent;

    -webkit-transition: opacity 0.4s ease 0.4s; 
    -moz-transition: opacity 0.4s ease 0.4s; 
    -ms-transition: opacity 0.4s ease 0.4s; 
    -o-transition: opacity 0.4s ease 0.4s; 
    transition: opacity 0.4s ease 0.4s;
}
.meny-left .meny-arrow {
    left: 14px;
    top: 50%;
    margin-top: -16px;
    border-left: 16px solid #333;
}
.meny-right .meny-arrow {
    right: 14px;
    top: 50%;
    margin-top: -16px;
    border-right: 16px solid #333;
}
.meny-top .meny-arrow {
    left: 50%;
    top: 14px;
    margin-left: -16px;
    border-top: 16px solid #333;
}
.meny-bottom .meny-arrow {
    left: 50%;
    bottom: 14px;
    margin-left: -16px;
    border-bottom: 16px solid #333;
}
.meny-active .meny-arrow {
    opacity: 0;

    -webkit-transition: opacity 0.2s ease; 
    -moz-transition: opacity 0.2s ease; 
    -ms-transition: opacity 0.2s ease; 
    -o-transition: opacity 0.2s ease; 
    transition: opacity 0.2s ease;
}

*
 * Main contents area

.contents {
    	background: #eee;
    padding: 20px 40px;
    width: 100%;
    height: 100%;
        overflow-y: auto;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contents>article {
    max-width: 400px;
}
.contents p {
    margin: 10px 0 10px 0;
    font-size: 16px;
    line-height: 1.32;
}
.contents small {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    color: #333;
    font-size: 0.85em;
    border-top: 1px dashed #ccc;

    -webkit-text-size-adjust: none;
}
.contents .sharing {
    position: absolute;
    bottom: 20px;
}*/

/*        estilos  twitter      -->*/

#tweets{
    /*                background-color: #EEE;*/
    display:inline-block;
    padding:2px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 1px 1px 3px #555;
    -webkit-box-shadow: 1px 1px 3px #555;
    box-shadow: 1px 1px 3px #555;
}
.tweetItem {
    color: #FFF;
    list-style:none;
    font-family:verdana;
    font-size:13px;
    padding:5px;
    /*                height: 50px;
                    width: 350px;*/
    margin-bottom: 10px;
}
.tweetimg {
    float:left; 
    background-color:#999;
    border:none;
    padding:3px;
    margin-right:5px;
}
.tweetItem a{
    color: #f90;
    text-decoration:none;
}
.tweetItem a:hover {
    color: #666;
    text-decoration: underline;
}
.tweetimg:hover{
    background-color: #f90;
}

#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}